/**
 * @license
 * Copyright 2020 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
import '@material/mwc-list';
import '@material/mwc-list/mwc-list-item';

import {List} from '@material/mwc-list';
import {ListItem} from '@material/mwc-list/mwc-list-item';
import {html} from 'lit-html';

import {measureFixtureCreation} from '../../util/helpers';

const renderCheck = async (root: ShadowRoot) => {
  const list = root.firstElementChild as List;
  const lastItem = list.lastElementChild as ListItem;

  await lastItem.updateComplete;
  await list.updateComplete;
};

measureFixtureCreation(
    html`
  <mwc-list activatable multi>
    <mwc-list-item></mwc-list-item>
    <mwc-list-item selected activated>Apple</mwc-list-item>
    <mwc-list-item>Banana</mwc-list-item>
    <mwc-list-item selected activated>Cucumber</mwc-list-item>
  </mwc-list>`,
    {renderCheck});
